<template>
    <div class="category">
     <nav-bar class="categroy-nav">
       <div slot="center">
       <div>分类列表</div>
       </div>
     </nav-bar>
      <categroy-bar></categroy-bar>
      <categroy-nav></categroy-nav>
    </div>
</template>
<script>
import NavBar from "@/components/common/navbar/NavBar";
import CategroyBar from "@/views/category/childComps/CategroyBar";
import CategroyNav from "@/views/category/childComps/CategroyNav";
export default {
  name:'Category',
  components:{
    CategroyNav,
    CategroyBar,
    NavBar,
  },
}
</script>
<style scoped>
.categroy-nav{
  position: fixed;
  top: 0;
  background: #ff8198;
  color: white;
  z-index: 9;
  right: 0;
  left: 0;
}
</style>
